(function ($) {
    var lou_ceng = {lou0:[],lou1:[],lou2:[],liu:[]};
    new Vue({
        el:'#lou_ceng',
        data:lou_ceng
    });


    var $lunbotu = '';//获取轮播图
    var $goods_type_two = [];//储存二级导航
    $.get(DURL + '/gei_carousel', function (da) {
        $lunbotu = da;
        var ul_width = 0;
        var html = '';
        da.forEach(function (value, i) {
            ul_width += 38;
            //给第一个添加选中样式
            if (i != 0) {
                html += '<li></li>'
            }
            else {
                html += '<li class="this"></li>'
            }

        });
        //自动添加li 改变ul的尺寸
        $('.lun-bo-tu >ul').html(html).css('width', ul_width + 'px');
        //添加第一个图片
        $('.lun-bo-tu').css('background', `url(${DIMG}/${da[0].image})`);
        $('.lun-bo-tu').parent().css('background-color', da[0].bg);
        jiazai();
    });
    //开始加载图片
    //遍历获取的图片地址 模拟jiaz
    function jiazai() {
        var img_load = 0;
        $.each($lunbotu, function (i) {
            var $img_url = DIMG + '/' + $lunbotu[i].image;
            var img = new Image();
            img.src = $img_url;
            $(img).on('load error', function () {
                img_load++;
                //轮播图加载完毕，添加点击事件
                if (img_load == $lunbotu.length) {
                    $('.lun-bo-tu >ul >li').click(function () {
                        lun_bo_off($(this).index());
                        $('.lun-bo-tu >ul >li').removeClass('this');
                        $(this).addClass('this');
                    });
                    setTime();
                }

            });
        })
    }


    var $this_img_index = 1;//记住当前显示的是第一个图片
    //轮播动画开始
    function lun_bo_off(index) {
        $this_img_index = index;
        var img_url = DIMG + '/' + $lunbotu[$this_img_index].image;
        $('.lun-bo-tu').css('background', 'url(' + img_url + ')');//改变图片
        $('.lun-bo-tu').parent().css({'background-color': $lunbotu[$this_img_index].bg, opacity: 0.2});//判断背景
        $('.lun-bo-tu').parent().animate({opacity: 1}, 'slow')//过度动画
    }

    //轮播定时器
    function setTime() {
        $('body').everyTime('3s', 'lun_bo', function () {
            if ($this_img_index > $lunbotu.length - 2) {
                $this_img_index = 0;
            }
            $('.lun-bo-tu >ul >li').eq($this_img_index).click();
            $this_img_index++;
        })
    }

    //鼠标路过轮播图 停止定时器
    $('#lun-bo-tu').hover(function () {
        $('body').stopTime('lun_bo');
    }, function () {
        setTime();
    });

    //加载楼层产品
    (function louceng(index) {
        if (index == 3) {
            return;
        }
        $.get(DURL + '/lou_ceng', {index: index + 1}, function (da) {
             $.each(da, function (i, n) {
                 da[i].goid = `${DGOODS}/index/id/${n.goid}.html`; //路径
                 da[i].gocomsimphoto = DIP+n.gocomsimphoto.toString().replace(/\,.*$/, ''); //图片
             });
            lou_ceng['lou'+index] = da;
            louceng(++index);
        })
    })(0);

    //瀑布流
    var liu_state = true;//false=正在获取数据 不在执行第二次
    $(document).scroll(function () {
        //数据加载到 50条 不再加载
        if(lou_ceng.liu.length >49){
            liu_state = false;
        }
        var bottom = $('body').height() - $(window).height() - $(document).scrollTop();//计算出当前离底部的距离

        //离底部还有 100px 开始加载数据
        if (bottom < 200 && liu_state) {
            liu_state = false;
            $.get(DURL + '/get_goods', {strt: lou_ceng.liu.length, number: 8}, function (da) {

                $.each(da, function (i, n) {
                    var $arr = n;
                    $arr.comsimphoto = DIP+n.comsimphoto.toString().replace(/\,.*$/, '');//图片
                    $arr.id = `${DGOODS}/index/id/${n.id}.html`;//图片
                    lou_ceng.liu.push($arr);
                });

                if(da.length < 1){//后台没有产品了 不在加载数据
                    return;
                }
                liu_state = true;

            })
        }
    });




})($);